@charset 'utf-8';

@import './common';


.swiper-container{
    width: r(640px);
    height: r(357px);
}
.swiper-slide{
    img{
        @include img;
    }
}
//设置分页器背景颜色
.swiper-pagination-bullet{
    background: #cec0b4 !important;
}
.swiper-pagination-bullet-active{
    background: #b60005 !important;
}
//文章区域
.content{
    padding-top: r(30px);
}
//文章块
.art_wrap{
    width: r($art_wrap_w);
    margin: 0 auto;
}
.wrap_cont{
    width: r(340px);
}
.pic{
    width: r(210px);
    height: r(117px);
    img{
        @include img;
    }
}
.title{
    height: r($title_h);
    overflow: hidden;
    text-overflow: ellipsis;
    h3{
        font-size: r($title_fs);
        color: $title_color;
    }
}
.wc_b{
    margin-top: r($wc_b_mgt);
    color: $wc_b_fc;
    
}
.like{
    margin-top: r(8px);
    img{
        display: block;
        float: left;
        width: r($like_img_width);
        height: r($like_img_height);
        margin-right: r(5px);
        vertical-align: bottom;
    }
    p{
        width: r(60px);
        float: left;
        font-size: r($like_p_fs);
        line-height: r($like_p_lh);
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.time{
    p{
        text-align: right;
        font-size: r($time_p_fs);
//      line-height: r($time_p_lh);
        width: r(245px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        span{
            display: inline-block;
            width: r(140px);
            font-size: r($time_p_span_fs);
            text-align: right;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: bottom;
        }
    }
}

.hr{
    width: r($art_wrap_w);
    margin: r(19px) auto;
    height: 0;
    border-top: 1px solid #e2e2e2;
}

.cont_line{
    height: r(25px);
    margin: r(35px) 0;
    background: #f5f5f5;
}

.show_pic{
    margin-top: r(20px);
    
    .spic_wrap{
        width: r($spic_wrap_w);
        height: r($spic_wrap_h);
        margin-right: r(10px);
        img{
            @include img;
        }
    }
}

.show_b{
    margin-top: r(12px);
}
.showb_wrap{
    margin-right: r(20px);
    color: $wc_b_fc;
}
.head_por{
    width: r(27px);
    height: r(27px);
    border-radius: 100%;
    margin-right: r(9px);
    overflow: hidden;
    img{
        @include img;
    }
}      
.name{
    margin-top: r(3px);
    p{
        width: r(81px);
        font-size: r($name_fs);
        line-height: r(24px);
        white-space: nowrap;
        overflow: hidden;
    }
}
.comment{
    margin-top: r(8px);
    img{
        display: block;
        width: r($like_img_width);
        height: r($like_img_height);
        float: left;
        margin-right: r(5px);
    }
    p{
        width: r(60px);
        float: left;
        font-size: r($like_p_fs);
        line-height: r($like_p_lh);
    }
}
.oth{
    margin-top: r($oth_mgt);
    margin-bottom: r($oth_mgb);
}
